<template>
    <el-contain>
        <el-aside width="200px">
            <PersonalMenu></PersonalMenu>
        </el-aside>
        <el-main style="padding:0px">
            <index></index>
        </el-main>
    </el-contain>
</template>

<script>
 import PersonalMenu from '@/components/menu/PersonalMenu'
 import Index from '@/components/Index' 
export default {
  
  name: 'PersonalIndexView',
  components: {
    PersonalMenu,
    Index
  },
  data() {
    return {};
  },
  created() {
  },
  methods: {},

}
</script>
<style>
.text {
    font-size: 14px;
}

.item {
    margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both
}

.box-card {
    width: 480px;
    height: 500px;
}
.card{
  margin-left: 50px;
  float: left;
}
.el-aside{
  width: 200px;
  float: left;
}
</style>